﻿<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Detail.ascx.vb" Inherits="Control_Product_Detail" %>
<script src="../../Scripts/hieuung.js" type="text/javascript"></script>
<link href="../../Styles/CssDetail.css" rel="stylesheet" type="text/css" />
<link href="../../Styles/hieungalbum.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    function ajaxJquery() {
        $(function () {

            // register thickbox after postback
            var isAsyncPostback = Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack();
            if (isAsyncPostback) {
                tb_init('a.thickbox, area.thickbox, input.thickbox');
            }
            var org = $("#<%=imgImagePreview.ClientID %>").attr("src");
            var _zoom = 'opacity: 1; display: none; background-image: url(' + org + '); background-position: -53px -14px;';
            $("#productZoom").attr("style", _zoom);
            $("#productZoom").attr("data-zoom-image", org);

            $(".ui-images-small li").click(function () {
                var newImage = $(this).find("img").attr("src");
                var _zoomNewImage = 'opacity: 1; display: none; background-image: url(' + newImage + '); background-position: -53px -14px;';
                $("#productZoom").attr("style", _zoomNewImage);
                $("#productZoom").attr("data-zoom-image", newImage);
                $("#<%=imgImagePreview.ClientID %>").attr("src", newImage);
            });
        });
    }


</script>
<!--Detail-->
<div id="column-right">
    <div class="line-tieudedanhsach">    
        <h3>XEM NỘI DUNG THÔNG TIN SẢN PHẨM</h3>       
    </div>
    <div class="product-detail-left">
        <div class="prdMedia prd-media">
            <div class="prdZoomExpanded ui-dialog ui-dialogPrdZoom" style="display: none;">
            </div>            
            <div id="productZoom"  style=""  data-zoom-image="http://localhost:8004/lolitastore/Uploads/2014/6-18/Koala.jpg">
            </div>
            <div class="prd-imageBoxLayout">
                <a class="prd-imageBox prdZoomBox">
                    <asp:Image ID="imgImagePreview" runat="server" Cssclass="prdImage prd-image" 
                         height="564" width="400"/>
                    <div style="width: 148px; height: 172.3px; top: 11px; left: 30.5px;
                    display: none;" id="magnifier"></div>
                </a>
            </div>
            <div class="prd-moreImages" data-thumbnailcount="5">
                <div class="prd-moreImagesListWrapper" data-simple-sku="default" id="prdMoreImagesList-default">
                    <div class="prd-moreImagesListContainer">
                    <ul class="ui-images-small">
                        <asp:Repeater ID="rptImages" runat="server">
                            <ItemTemplate>
                            <li style="cursor:pointer">
                                            <asp:Image ID="ltrImages" runat="server" height="68" width="48"/> </li>                                                                                         
                            </ItemTemplate>
                        </asp:Repeater>
                        </ul>
                        
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="product-detail-right">
        <div class="tieudesanpham">
            <span id="ctl00_ContentPlaceHolder1_divTenSP">
                <asp:Label ID="lblTitle" runat="server" Text="" /></span><br>
            <span id="ctl00_ContentPlaceHolder1_divNhanHieu" style="color: #1d1916; font-size: 14px;">
                <asp:Label ID="lblNhanHieu" runat="server" Text="" />
            </span>
        </div>
        <span style="float: left; width: 70px; font-weight: bold">Giá:&nbsp;&nbsp;&nbsp;</span>
        <asp:Label ID="lblOriginalprice" runat="server" Text="lblOriginalprice" />
        <br>
        <br />
        <p id="ctl00_ContentPlaceHolder1_divTomTat" class="des-sanpham">
            <asp:Label ID="lblDescription" CssClass="" runat="server" Text="" /></p>
        <br>
        <div style="margin-left: 5px; margin-top: 25px;">
            <span style="float: left; width: 70px; font-weight: bold">Size:&nbsp;&nbsp;&nbsp;</span>
            <asp:Repeater ID="rptSize" runat="server">
                <ItemTemplate>
                    <asp:Literal ID="ltrSize" runat="server"></asp:Literal>, &nbsp;
                </ItemTemplate>
            </asp:Repeater>
            <br>
            <br>
            <span style="float: left; width: 70px; font-weight: bold">Màu:&nbsp;&nbsp;&nbsp;</span>
            <asp:Repeater ID="rptColor" runat="server">
                <ItemTemplate>
                    <asp:Literal ID="ltrColor" runat="server"></asp:Literal>, &nbsp;
                </ItemTemplate>
            </asp:Repeater>
            <br>
            <br>
            <span style="float: left; width: 70px; font-weight: bold">Độ tuổi:&nbsp;&nbsp;&nbsp;</span>
            <asp:Repeater ID="rptDoTuoi" runat="server">
                <ItemTemplate>
                    <asp:Literal ID="ltrDoTuoi" runat="server"></asp:Literal>, &nbsp;
                </ItemTemplate>
            </asp:Repeater>
            <br>
            <br>
            <p style="margin-top: 15px; display: none; width: 100%" id="divTinhTrangGioHang">
                <img src="detailM866_files/icon-tinhtrangkhohang.jpg" alt=""><span style="font-size: 12px;
                    color: #444444;"> Tình trang kho hàng: </span><span style="font-size: 12px; color: #ce2f1a;">
                        còn <span class="responseDiv"></span>sản phẩm </span>
            </p>
            <span class="dividMau" title="802"></span>
            <div id="ctl00_ContentPlaceHolder1_divChonSoLuong" style="font-size: 12px; color: #444444;
                margin-bottom: 4px; font-weight: bold; clear: both; padding-top: 30px; margin-bottom: 20px;
                height: 25px;">
                <span style="float: left;">Điền số lượng bạn muốn mua </span>
                <p>
                    <span class="numeric-stepper">
                        <input tabindex="9" name="ns_textbox" class="1234321" size="2" value="1" id="txtSoLuong"
                            type="text">
                        <button type="button" tabindex="10" name="ns_button_1" value="1" class="plus">
                            +</button>
                        <button type="button" tabindex="11" name="ns_button_2" value="-1" class="minus">
                            -</button>
                    </span>
                </p>
            </div>
            <span id="ctl00_ContentPlaceHolder1_divDatHang"><a href="#6" class="icondathang"
                title="" onclick="a_onClick()">Đặt hàng</a></span>
        </div>
        <div class="line-hotline-product">
            <span style="margin-left: 15px;">Bạn có thể đặt hàng qua điện thoại </span><span
                id="ctl00_ContentPlaceHolder1_divPhone" style="margin-left: 15px; color: #ce2f1a;">
                0919 878 589</span>
        </div>
        <div style="margin-top: 10px;">
            <a href="#3" target="popup" onclick="wopen('/SendEmail.aspx?id=495', 'popup',  450, 350); return false;"
                class="icon-email">Gửi cho bạn bè</a> <a id="ctl00_ContentPlaceHolder1_cmdYeuThic"
                    class="icon-traitim" href='javascript:WebForm_DoPostBackWithOptions(new%20WebForm_PostBackOptions("ctl00$ContentPlaceHolder1$cmdYeuThic",%20"",%20true,%20"",%20"",%20false,%20true))'>
                    Thêm vào danh sách yêu thích</a>
        </div>
    </div>
    <div style="width: 100%; clear: both; height: 20px">
    </div>
    <div style="margin-bottom: 20px;">
        <ul class="ui-tabViewNav">
            <li class="selected"><a class="lhmxl" href="#productDetails">Thông tin sản phẩm</a>
            </li>
            <li><a class="lhmxl" href="#brandInformation">Thông tin nhãn hiệu</a> </li>
            <li id="productReviewsTab"><a href="#productReviews"><span class="lhmxl mls">Ý kiến
                nhận xét</span> </a></li>
        </ul>
        <div class=" ui-tabViewContent">
            <div id="productDetails" class="detailTab pbl" property="gr:description">
                <span id="ctl00_ContentPlaceHolder1_divChiTietSanPham">
                    <p><asp:Label ID="lblChiTietSanPham" CssClass="" runat="server" Text="" /></p>
                </span>
            </div>
            <div id="brandInformation" class="detailTab pbl" style="display: none;">
                <span id="ctl00_ContentPlaceHolder1_divGioiThieuNhanHieu">
                    <p>
                        Zara là một trong những công ty thời trang lớn thuộc Tập đoàn phân phối lớn nhất
                        thế giời Inditex.<br>
                        Trong hoạt động kinh doanh bán lẻ rộng lớn của, chúng tôi coi Khách hàng là cốt
                        lõi của tất cả các hoạt động, từ thiết kế, sản xuất tới phân phối và bán hàng.</p>
                </span>
            </div>
            <div id="productReviews" class="detailTab pbl" style="display: none;">
                <table cellspacing="0" cellpadding="0" width="100%">
                    <tbody>
                        <tr>
                            <td style="vertical-align: top;" class="NoiDung">
                                <div>
                                </div>
                                <img src="images/edit.gif" style="float: left;">
                                <div style="float: left; margin-bottom: 15px; padding-left: 7px; padding-top: 5px">
                                    <strong><span style="color: #777; text-decoration: underline">Ý kiến của bạn</span></strong></div>
                                <table style="font-size: 12px; color: #777; font-family: Arial;" cellspacing="0"
                                    cellpadding="0" width="100%">
                                    <tbody>
                                        <tr>
                                            <td style="height: 27px;">
                                                Phone
                                            </td>
                                            <td>
                                                <input tabindex="12" name="ctl00$ContentPlaceHolder1$txtPhone" id="ctl00_ContentPlaceHolder1_txtPhone"
                                                    style="width: 340px;" type="text">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td style="height: 27px;">
                                                Email
                                            </td>
                                            <td>
                                                <input tabindex="13" name="ctl00$ContentPlaceHolder1$txtEmail" id="ctl00_ContentPlaceHolder1_txtEmail"
                                                    style="width: 340px;" type="text">
                                                <span id="ctl00_ContentPlaceHolder1_RegularExpressionValidator2" style="color: Red;
                                                    display: none;">Email sai !</span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                Họ tên
                                            </td>
                                            <td style="height: 27px">
                                                <input tabindex="14" name="ctl00$ContentPlaceHolder1$txtHoTen" id="ctl00_ContentPlaceHolder1_txtHoTen"
                                                    style="width: 340px;" type="text">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                Nội dung
                                            </td>
                                            <td style="height: 27px">
                                                <textarea tabindex="15" name="ctl00$ContentPlaceHolder1$txtNoiDung" rows="2" cols="20"
                                                    id="ctl00_ContentPlaceHolder1_txtNoiDung" style="height: 57px; width: 340px;"></textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                            </td>
                                            <td style="height: 27px; padding-top: 7px">
                                                <table cellspacing="0" border="0" cellpadding="0" width="340">
                                                    <tbody>
                                                        <tr>
                                                            <td>
                                                                <input tabindex="16" name="ctl00$ContentPlaceHolder1$txtCode" id="ctl00_ContentPlaceHolder1_txtCode"
                                                                    style="width: 191px;" type="text">
                                                                <br>
                                                                Vui lòng nhập mã số hình bên cạnh &nbsp;&nbsp;
                                                            </td>
                                                            <td style="border-right: silver 1px double; border-top: silver 1px double; border-left: silver 1px double;
                                                                width: 120px; border-bottom: silver 1px double; height: 40px; text-align: center">
                                                                <span id="ctl00_ContentPlaceHolder1_lbl_code" style="color: #CE2F1A; font-size: 20pt;
                                                                    font-weight: bold;">6535</span>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" style="height: 10px">
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                            </td>
                                            <td style="height: 35px">
                                                <a id="ctl00_ContentPlaceHolder1_cmdGui" class="button2" href='javascript:WebForm_DoPostBackWithOptions(new%20WebForm_PostBackOptions("ctl00$ContentPlaceHolder1$cmdGui",%20"",%20true,%20"",%20"",%20false,%20true))'>
                                                    Gửi</a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div style="clear: both; height: 10px;">
    </div>
    <iframe src="files/fr_ProductDetail.htm" frameborder="0" height="360px" scrolling="no"
        width="775px"></iframe>
    <div style="clear: both; height: 20px;">
    </div>
    <div class="sanpham-quantam">
        <div class="title">
            Sản phẩm đã xem</div>
        <div class="khung">
            <div class="items">
                <table style="width: 120px; height: 140px;">
                    <tbody>
                        <tr>
                            <td style="width: 120px; height: 140px; text-align: center">
                                <a href="http://lolitastorevn.com/14/391/Chan-vay-hoa-nhi-xanh-M725.aspx">
                                    <img src="images/115.jpg" alt="" class="boder-img-hover" height="141px" width="100px"></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <a href="http://lolitastorevn.com/14/391/Chan-vay-hoa-nhi-xanh-M725.aspx" class="tensp">Chân
                    váy hoa nhí xanh...</a></div>
            <div class="items">
                <table style="width: 120px; height: 140px;">
                    <tbody>
                        <tr>
                            <td style="width: 120px; height: 140px; text-align: center">
                                <a href="http://lolitastorevn.com/14/495/Ao-thun-Lmour-tron-in-hinh-cu-meo-M866.aspx">
                                    <img src="images/391.jpg" alt="" class="boder-img-hover" height="141px" width="100px"></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <a href="http://lolitastorevn.com/14/495/Ao-thun-Lmour-tron-in-hinh-cu-meo-M866.aspx" class="tensp">
                    Áo thun L'mour trơn...</a></div>
            <div class="items">
                <table style="width: 120px; height: 140px;">
                    <tbody>
                        <tr>
                            <td style="width: 120px; height: 140px; text-align: center">
                                <a href="http://lolitastorevn.com/14/498/Quan-Skinny-Jean-rach-Stradivarius-M995.aspx">
                                    <img src="images/498.jpg" alt="" class="boder-img-hover" height="141px" width="100px"></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <a href="http://lolitastorevn.com/14/498/Quan-Skinny-Jean-rach-Stradivarius-M995.aspx" class="tensp">
                    Quần Skinny Jean rách...</a></div>
        </div>
    </div>
    <asp:HiddenField ID="hidID" Value="0" runat="server" />
</div>
<!--End Detail -->
